<template>
	<view class="search-bar" @click="gotoPage">
		<icon type="search" :size="16" color="#ee8131"></icon>
		<text class="message">请输入搜索的贴吧</text>
	</view>
<!--  搜索页面-->
</template>

<script setup >
// 跳转页面到search
	const gotoPage=()=>{
    uni.navigateTo({
      url: '/pages/search/search'
    });
	}
</script>

<style lang="scss">
	.search-bar{
		width: 400rpx;
		height: 74rpx;
		background-color: #fff;
		border-radius: 50rpx;
		box-shadow: 0rpx 0rpx 10rpx rgba(0,0,0,3);
		margin: -36rpx auto 24rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		.message{
			font-size: 26rpx;
			color: #b3b3b3;
			margin-left: 10rpx;
		}
	}
</style>